<!doctype html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>安居客OA系统</title>
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
		<meta name="description" content="安居客OA系统" />
		<link type="text/css" href="css/reset.css" rev="stylesheet" rel="stylesheet">
		
		<link type="text/css" href="css/kaoqin.css" rev="stylesheet" rel="stylesheet">
	</head>
	<body>
		<div id="container">
			<div id="header">
				<div class="tit">
					<b>Anjuke Inc.</b>欢迎您，张三&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">退出</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">帮助文档</a>
				</div>
				<div class="nav">
					<a href="">我的考勤</a>
					<a href="">请   假</a>
					<a href="">出   差</a>
					<a href="">公   出</a>
				<a href="">审   批</a>
					<a class="active" href="">考勤报告</a>
					<a href="">管   理</a>
				</div>
			</div>
			<div id="content">
				<i class="con_l">&nbsp;</i>
				<i class="con_r">&nbsp;</i>
				<div class="main">
					<div class="blank"></div>
					<span class="vb">
					    <select>
					       <option>年份</option>
					       <option>2010</option>
					    </select>
					     <select>
					       <option>月份</option>
					       <option>1</option>
					    </select>
					     <select>
					       <option>anjuke.inc</option>
					       <option></option>
					    </select>
					     <select>
					       <option>城市</option>
					       <option></option>
					    </select>
					     <select>
					       <option>部门</option>
					       <option></option>
					    </select>
					     <select>
					       <option>直属下级</option>
					       <option></option>
					    </select>
						<input type="text" value="" size="15"/>
					    <input class="btn" type="button" value="搜索" />
					</span>
					<span class="sv">
					    <i>&nbsp;&nbsp;显示列：</i>
					    <input type="checkbox" />迟到 &nbsp;
					    <input type="checkbox" />餐补 &nbsp;
					    <input type="checkbox" />矿工 &nbsp;
					    <input type="checkbox" />公出 &nbsp;
					    <input type="checkbox" />病假 &nbsp;
					    <input type="checkbox" />年假 &nbsp;
					    <input type="checkbox" />工时 &nbsp;
					    <input type="checkbox" />加班工时 &nbsp;
					    <input type="checkbox" />其他假 
					    <span class="xw">
					         <a href="">导出数据</a>
					         <span class="dd"></span>
					    </span>  
					    
					</span>
					<ul class="p p2">
						<!-- 第一个li添加fir这个class，最后一个li添加last这个class-->
					
						<li class="s sfir">
							
							<i class="i0 i5g">日期</i>
							<i class="i0 i5g">员工</i>
							<i class="i0 i2g">工号</i>
							<i class="i0 i5g">事业部</i>
							<i class="i0 i5g">部门</i>
							<i class="i0 i3m">实际/应出勤率</i>
							<i class="i0 i1g">餐补天数</i>
							<i class="i0 i5g">餐费</i>
							<i class="i0 i5g">迟到</i>
							<i class="i0 i5g">旷工</i>
							<i class="i0 i5g">公出</i>
							<i class="i0 i5g">出差</i>
							<i class="i0 i5g">事假</i>
							<i class="i0 i5g">病假</i>
							<i class="i0 i5g">年假</i>
							<i class="i0 i5g">其他假</i>
							<i class="i0 i3g">上月未扣</i>
							<i class="i0 i5g">明细</i>
							
							<div class="clear">riqi</div>
						</li>
						<li class="s">
							<i class="i0 i5g">8月</i>
							<i class="i0 i5g">李红</i>
							<i class="i0 i2g">SHE2123</i>
							<i class="i0 i5g">爱房网</i>
							<i class="i0 i5g">市场部</i>
							<i class="i0 i3m"><span style="color:#ff5e00;">20</span>/22</i>
							<i class="i0 i1g">22</i>
							<i class="i0 i5g">300</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g"><span style="color:#ff5e00;">2</span></i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i3g">0</i>
							<i class="i0 i5g"><a href="">查看</a></i>
							
							<div class="clear"></div>
						</li>
						<li class="s">
							<i class="i0 i5g">8月</i>
							<i class="i0 i5g">李红</i>
							<i class="i0 i2g">SHE2123</i>
							<i class="i0 i5g">爱房网</i>
							<i class="i0 i5g">市场部</i>
							<i class="i0 i3m"><span style="color:#ff5e00;">20</span>/22</i>
							<i class="i0 i1g">22</i>
							<i class="i0 i5g">300</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i3g">0</i>
							<i class="i0 i5g"><a href="">查看</a></i>
							<div class="clear"></div>
						</li>
						<li class="s">
							<i class="i0 i5g">8月</i>
							<i class="i0 i5g">李红</i>
							<i class="i0 i2g">SHE2123</i>
							<i class="i0 i5g">爱房网</i>
							<i class="i0 i5g">市场部</i>
							<i class="i0 i3m">22/22</i>
							<i class="i0 i1g">22</i>
							<i class="i0 i5g">300</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i3g">0</i>
							<i class="i0 i5g"><a href="">查看</a></i>
							<div class="clear"></div>
						</li>
						<li class="s">
							<i class="i0 i5g">8月</i>
							<i class="i0 i5g">李红</i>
							<i class="i0 i2g">SHE2123</i>
							<i class="i0 i5g">爱房网</i>
							<i class="i0 i5g">市场部</i>
							<i class="i0 i3m">22/22</i>
							<i class="i0 i1g">22</i>
							<i class="i0 i5g">300</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i3g">0</i>
							<i class="i0 i5g"><a href="">查看</a></i>
							<div class="clear"></div>
						</li>
						<li class="s last">
							<i class="i0 i5g">8月</i>
							<i class="i0 i5g">李红</i>
							<i class="i0 i2g">SHE2123</i>
							<i class="i0 i5g">爱房网</i>
							<i class="i0 i5g">市场部</i>
							<i class="i0 i3m">22/22</i>
							<i class="i0 i1g">22</i>
							<i class="i0 i5g">300</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i5g">0</i>
							<i class="i0 i3g">0</i>
							<i class="i0 i5g"><a href="">查看</a></i>
							<div class="clear"></div>
						</li>
					</ul>
					<div class="p p3">
						<a href="">上一页</a>|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="">下一页</a>
					</div>
					
					
					
					
					<!--弹出层begin--> 
					{--弹出层begin--}
					<div class="tan">
					      <ul class="p p2">
						<!-- 第一个li添加fir这个class，最后一个li添加last这个class-->
					        <li class="cha"></li>
							<li class="s sfir">
								
								<i class="i0 i1t">日期</i>
								<i class="i0 i2t">上班时间</i>
								<i class="i0 i3t">考勤状态</i>
								<i class="i0 i4t">工时</i>
								<i class="i0 i5t">加班工时</i>
								<i class="i0 i6t">备注</i>
								
								
								<div class="clear">riqi</div>
							</li>
							<li class="s">
								<i class="i0 i1t"><span class="lan">8月10日 周六</span></i>
								<i class="i0 i2t"><span style="color: #f17912;">考勤数据准备中...</span></i>
								<i class="i0 i3t"><span class="re">迟到</span> [待审批]</i>
								<i class="i0 i4t">0</i>
								<i class="i0 i5t">0</i>
								<i class="i0 i6t">忘记打卡</i>
								
								<div class="clear"></div>
							</li>
							<li class="s">
								<i class="i0 i1t"><span class="lan">8月10日 周日</span></i>
								<i class="i0 i2t"><span class="re">9：30</span> - 19：00</i>
								<i class="i0 i3t"><span class="re">迟到</span> [待审批]</i>
								<i class="i0 i4t">0</i>
								<i class="i0 i5t">0</i>
								<i class="i0 i6t">忘记打卡</i>
								<div class="clear"></div>
							</li>
							<li class="s">
								<i class="i0 i1t">8月10日 <span style="color:#990000;">春节</span> </i>
								<i class="i0 i2t">9：00 - 19：00</i>
								<i class="i0 i3t"><span>迟到</span> <span class="lan">[待审批]</span></i>
								<i class="i0 i4t">0</i>
								<i class="i0 i5t">0</i>
								<i class="i0 i6t">忘记打卡</i>
								<div class="clear"></div>
							</li>
							<li class="s">
								<i class="i0 i1t">8月10日 周五</i>
								<i class="i0 i2t"><span class="re">9：30</span> - 19：00</i>
								<i class="i0 i3t"><span class="re">迟到</span> [待审批]</i>
								<i class="i0 i4t">0</i>
								<i class="i0 i5t">0</i>
								<i class="i0 i6t">忘记打卡</i>
								<div class="clear"></div>
							</li>
							<li class="s last">
								<i class="i0 i1t">8月10日 周五</i>
								<i class="i0 i2t"><span class="re">9：30</span> - 19：00</i>
								<i class="i0 i3t">迟到 [待审批]</i>
								<i class="i0 i4t">0</i>
								<i class="i0 i5t">0</i>
								<i class="i0 i6t">忘记打卡</i>
								<div class="clear"></div>
							</li>
						</ul>
					</div>
					{--弹出层end--}
					<!--弹出层end-->
				</div>
			</div>
		</div>
	</body>
</html>

